<template>
  <div class="topic_con_scroll">
    <div class="real_box">
      <div class="tit">本模块是阅读实战，通过阅读文章找出题目答案。</div>
      <div class="tips">阅读技巧提示</div>
      <div class="content_item">
        <div>1、</div>
        <div>
          <div>先看题干，带着问题读文章。</div>
          <div>即先看试题，再读文章。阅读题干，要掌握问题的类型</div>
        </div>
      </div>
      <div class="content_item item_margin">
        <div>2、</div>
        <div>
          <div>速读全文，了解大意知主题。</div>
          <div>
            阅读的目的是获取信息，阅读速度是阅读最基本的能力。抓主题句这是快速掌握文章大意的主要方法
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "readingguidance",
  data() {
    return {
      readSpanStemlist: [{ content: "1" }],
    };
  },
  props: ["questionList"],
  mounted() {},

  watch: {},
  methods: {},
};
</script>
<style lang="less" scoped>
.topic_con_scroll {
  overflow-y: scroll;
  height: 100%;
  //火狐浏览器隐藏滚动条
  & {
    scrollbar-color: #9eb0e6 transparent;
    scrollbar-width: thin;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
  }

  /* 设置滚动条的样式 谷歌  */

  &::-webkit-scrollbar {
    width: 12px;
  }

  /* 滚动槽 */

  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(223, 224, 229);
    border-radius: 10px;
  }

  /* 滚动条滑块 */

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(158, 176, 230);
    -webkit-box-shadow: inset006pxrgba(158, 176, 230);
  }

  &::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(229, 226, 217);
  }
  & > .real_box {
    padding: 1.06rem 1.6rem 0.5rem 1.56rem;
    font-size: 0.21rem;
    color: #373737;
    .tit {
      margin-bottom: 0.34rem;
    }
    .tips {
      color: #2175f4;
      margin-bottom: 0.31rem;
    }
    .content_item {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      & > div:nth-child(2) {
        & > div:nth-child(1) {
          margin-bottom: 0.34rem;
        }
      }
    }
    .item_margin {
      margin-top: 0.52rem;
    }
  }
}
</style>
